/****** banner ******/
.index-banner{
	width:100%;
}
.index-banner .slideBox{
	width:100%;
	height:600px;
	overflow:hidden;
	position:relative;
}
.index-banner .slideBox .hd{
	width:100%;
	height:15px;
	overflow:hidden;
	position:absolute;
	z-index:1;
	bottom:35px
}
.index-banner .slideBox .hd ul{
	width:80px;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
}
.index-banner .slideBox .hd ul li{
	float:left;
	margin-right:16px;
	width:10px;
	height:10px;
	line-height:14px;
	text-align:center;
	background:#fff;
	cursor:pointer;
	border-radius:50px
}
.index-banner .slideBox .hd ul li.on{
	background:#f00;
	color:#fff;
}
.index-banner .slideBox .bd{
	position:relative;
	height:100%;
	z-index:0;
}
.index-banner .slideBox .bd li{
	zoom:1;
	vertical-align:middle;
}
.index-banner .slideBox .bd img{
	width:100%;
	height:600px;
	display:block; 
}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.index-banner .slideBox .prev{ position:absolute; left:3%; top:33%;display:block; width:56px; height:113px;filter:alpha(opacity=50);opacity:0.5;background:url('../images/banner/arrow-left.png')}
.index-banner .slideBox .next{ position:absolute; left:3%; top:33%;display:block; width:56px; height:113px;filter:alpha(opacity=50);opacity:0.5;background:url('../images/banner/arrow-right.png')}
.index-banner .slideBox .next{ left:auto; right:3%;}
.index-banner .slideBox .prev:hover,
.index-banner .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.index-banner .slideBox .prevStop{ display:none;  }
.index-banner .slideBox .nextStop{ display:none;  }

/****** panel ******/
.panel{width:100%;}
.panel .index-panel{
	margin-top:68px;
}

/**** 公司简介 ****/
.panel .index-panel .index-panel-about{
	width:100%;
}
.panel .index-panel .index-panel-about > p{
	width:100%;
	text-align:center;
	font-size:30px;
	color:#01479d;
}
.panel .index-panel .index-panel-about > img{
	text-align:center;
	margin:12px auto;
}
.panel .index-panel .index-panel-about > span{
	width:43%;
	text-align:center;
	display:block;
	font-size:12px;
	color:#666;
	margin:0 auto;
	line-height:24px;
}
.panel .index-panel .index-panel-about .intro{
	width:100%;
	background:#f7f7f7;
	margin-top:34px;
	float:left;
}
.index-panel-about .intro .slideBox{
	width:690px;
	position:relative;
	float:left;
}
.index-panel-about .intro .slideBox .hd{
	width:100%;
	height:15px;
	overflow:hidden;
	position:absolute;
	z-index:1;
	bottom:35px
}
.index-panel-about .intro .slideBox .hd ul{
	width:80px;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
}
.index-panel-about .intro .slideBox .hd ul li{
	float:left;
	margin-right:16px;
	width:10px;
	height:10px;
	line-height:14px;
	text-align:center;
	background:#fff;
	cursor:pointer;
	border-radius:50px
}
.index-panel-about .intro .slideBox .hd ul li.on{
	background:#f00;
	color:#fff;
}
.index-panel-about .intro .slideBox .bd{
	position:relative;
	height:100%;
	z-index:0;
}
.index-panel-about .intro .slideBox .bd li{
	zoom:1;
	vertical-align:middle;
}
.index-panel-about .intro .slideBox .bd img{
	width:100%
}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.index-panel-about .intro .slideBox .prev{ position:absolute; right:1px; bottom:0;display:block; width:48px; height:49px;background:url('../images/intro/intro-left.png')}
.index-panel-about .intro .slideBox .next{ position:absolute;bottom:0;display:block; width:49px; height:49px;background:url('../images/intro/intro-right.png')}
.index-panel-about .intro .slideBox .next{ left:auto; right:-48px;}
.index-panel-about .intro .slideBox .prev:hover,
.index-panel-about .intro .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.index-panel-about .intro .slideBox .prevStop{ display:none;  }
.index-panel-about .intro .slideBox .nextStop{ display:none;  }

.index-panel-about .intro .intro-right{
	width:480px;
	float:left;
}
.index-panel-about .intro .intro-right > p{
	font-size:20px;
	color:#01479d;
	padding-top:46px;
	padding-left:38px
}
.index-panel-about .intro .intro-right > span{
	width:390px;
	font-size:14px;
	padding:20px 0 0 38px;
	display:block;
	color:#333;
	line-height:25px;
}
.index-panel-about .intro .intro-right > a{
	width:140px;
	height:34px;
	background:#ee8301;
	color:#fff;
	line-height:34px;
	text-align:center;
	margin-left:38px;
	margin-top:16px;
	font-size:14px
}

/**** 新闻中心 ****/
.index-panel-news{
	width:100%;
	height:584px;
	margin-top:60px;
	float:left;
	background:url('../images/news-bg.png') no-repeat;
}
.index-panel-news .news-title{
	width:301px;
	height:131px;
	margin:0 auto;
	background:url('../images/news.png') no-repeat;
}
.index-panel-news .news-title > p{
	width:100%;
	text-align:center;
	padding-top:16px;
	font-size:30px;
	color:#fff;
}
.index-panel-news .news-title > img{
	margin:8px auto;
}
.index-panel-news .news-title > span{
	width:100%;
	font-size:12px;
	text-align:center;
	color:#fff;
	display:block
}
.index-panel-news .news-content{
	margin-top:45px;
}
.index-panel-news .news-content .news-content-left{
	width:498px;
	height:356px;
	float:left;
	background:#fff;
}
.index-panel-news .news-content .news-content-left > p > a{
	width:100%;
	text-align:center;
	color:#222;
	font-size:18px;
	margin-top:18px;
}
.index-panel-news .news-content .news-content-left > span > a{
	width:464px;
	padding:10px 17px;
	font-size:14px;
	display:block;
	text-align:left;
	color:#666
}


.index-panel-news .news-content .news-content-left .left-top{
	width:100%;
	position:relative;
}
.index-panel-news .news-content .news-content-left 
.left-top .news-time{
	width:60px;
	height:60px;
	background:#01479d;
	position:absolute;
	top:0;
}
.index-panel-news .news-content .news-content-left 
.left-top .news-time > p{
	width:100%;
	font-size:24px;
	color:#fff;
	text-align:center;
	margin-top:3px
}
.index-panel-news .news-content .news-content-left 
.left-top .news-time > span{
	width:100%;
	display:block;
	font-size:12px;
	color:#fff;
	text-align:center;
}
.index-panel-news .news-content .news-content-left 
.left-top .news-time > span > i{
	font-style:normal;
}

.index-panel-news .news-content .news-content-right{
	width:654px;
	height:356px;
	float:left;
	margin-left:16px;
}
.index-panel-news .news-content .news-content-right > ul > li{
	width:100%;
	height:58px;
	border:1px solid #ddd;
	background:#fff;
	margin-bottom:14px;
}
.index-panel-news .news-content .news-content-right > ul > li .news-time{
	width:60px;
	height:58px;
	float:left;
	background:#01479d;
}
.index-panel-news .news-content .news-content-right > ul > li .news-time > p{
	width:100%;
	font-size:24px;
	color:#fff;
	text-align:center;
	margin-top:3px
}
.index-panel-news .news-content .news-content-right > ul > li .news-time > span{
	width:100%;
	display:block;
	font-size:12px;
	color:#fff;
	text-align:center;
}
.index-panel-news .news-content .news-content-right > ul > li > p > a{
	width:570px;
	font-size:16px;
	color:#222;
	margin-left:85px;
	margin-top:12px;
}
.index-panel-news .news-content .news-content-right > ul > li > span > a{
	width:570px;
	display:block;
	font-size:14px;
	color:#929292;
	margin-left:85px;
}

/**** 产品中心 ****/
.index-panel-product{
	width:100%;
	float:left;
}
.index-panel-product .pos{
	width:1280px;position:relative
}
.index-panel-product .pos > p{
	width:100%;
	text-align:center;
	font-size:30px;
	color:#01479d;
	margin-top:54px;
}
.index-panel-product .pos > img{
	margin:10px auto;
}
.index-panel-product .pos > span{
	width:100%;
	text-align:center;
	display:block;
	font-size:12px;
	color:#666;
	margin:0 auto;
}

.swiper-container {
	width: 1170px;
	height:280px;
	margin: 50px auto;
}

.swiper-slide {
	text-align: left;
	font-size: 18px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-slide .img{
	height:288px;
	background:#fff;
}
.swiper-slide > a > img{
	position: absolute;
    z-index: 999;
    top: 177px;
    text-align: center;
    width: 46px;
	height:46px;
    left: 125px;
	background:#01479d;
}

.swiper-slide .title{
	position: absolute;
    z-index: 999;
    top: 235px;
    text-align: center;
    width: 280px;
    left: 13px;
}
.swiper-slide .title a{
	color:#222
}